%marginA
    margin:  0 auto
%display
    display: inline-block
%img-res
    max-width: 100%
    width: 100%
%colorRed
    color: #c31213
%mb
    margin-bottom: 10px
    @media (min-width: 760px)
        margin-bottom: 15px
    @media (min-width: 1000px)
        margin-bottom: 25px
    @media (min-width: 1200px)
        margin-bottom: 30px
p,a
    font-weight: normal
.ma
    @extend %marginA
li
    list-style: none
.mb
    margin-bottom: 15px
    @media (min-width: 760px)
        margin-bottom: 20px
.ber
    max-width: 1440px
    @extend %marginA
.img-res
    @extend %img-res
.tit-bg
    background: #0c0c70
    color: #fff
    text-align: center
    max-width: 1440px
    margin-bottom: 15px
    @extend %marginA
    a
        color: #fff
        padding: 5px
        @extend %display
        @media (min-width: 361px)
            padding: 5px 10px
        @media (min-width: 1000px)
            padding: 5px 35px
            font-size: 16px
        @media (min-width: 1200px)
            padding: 5px 40px
    span
        @extend %display
        font-weight: normal
        padding: 3px 10px 
        @media (min-width: 1000px)
            font-size: 22px
            margin-left: 80px
.crush-tit
    font-size: 16px
    margin-bottom: 15px
    @media (min-width: 321px)
        font-size: 18px
    @media (min-width: 760px)
        font-size: 19px
    @media (min-width: 1000px)
        font-size: 26px
    b
        @extend %colorRed
.cru-img
    float: left
    @media (min-width: 760px)
        margin-bottom: 0
    @media (min-width: 1000px)
        margin-bottom: 0
.cru-img1
    margin-right: 3px
    width: 33%
    @media (max-width: 319px)
        width: 32%
.cru-img2
    @media (max-width: 1199px)
        width: 66%
    @media (max-width: 319px)
        width: 65%
.hpt-zi
    line-height: 30px
    margin-top: 15px
    margin-bottom: 20px
    span
         @extend %colorRed
.hot
    line-height: 30px
    font-size: 16px
    font-weight: bold
    h3
        margin-left: -15px
        @media (min-width: 1000px)
            font-size: 24px
            margin-bottom: 10px
    .hot-sp2
         display: none
         @extend %display
         position: relative
         top: 0px
         margin-left: 30px
         @media (min-width: 480px)
             margin-left: 10px

    li
        &:hover
            .list-dian
                background: #c31213
        @media (min-width: 480px)
            width: 50%
            float: left
        @media (min-width: 1000px)
            width: 25%
        span
            @extend %display
            font-size: 11px
            @extend %colorRed
            position: relative
            top: -8px
        .list-dian
            width: 7px
            height: 7px
            border-radius: 50%
            background: #000
            display: inline-block
            margin-bottom: -5px
            margin-right: 5px
.sul
    margin-top: 15px
    margin-bottom: 15px
    span
        font-family: "宋体" 
        font-size: 14px  
        font-weight: 300      
.sul-img
    .sul-poz
        position: relative
        margin-bottom: 15px
    p
        text-align: center
        padding: 0
        position: absolute
        bottom: 0
        width: 100%
        background: #000
        opacity: 0.8
        color: #fff
.bg
    background: #f8f7f7
    max-width: 1440px
    @extend %marginA
    margin-top: 20px
    @extend %mb
    padding-top: 15px
    padding-bottom: 15px
    @media (min-width: 1000px)
        padding-top: 20px
        padding-bottom: 20px
    @media (min-width: 1200px)
        padding-top: 30px
        padding-bottom: 30px
.inve
    font-weight: normal
    text-align: center
    @extend %mb
    @media (min-width: 760px)
        font-size: 24px
    @media (min-width: 1000px)
        font-size: 30px
    span
        color: #0c0c70
.inve-p1
    margin-top: 30px
    background: #dedede
    height: 8px
    margin-bottom: 25px
    a
        display: block
        @extend %marginA
        height: 28px
        width: 162px
        background-color: #CE0F19
        text-align: center
        position: relative
        top: -10px
        font-size: 18px
        font-family: 微软雅黑
        color: #fffefe
        line-height: 25px
        letter-spacing: 8px
.inve-l
    h3
        font-weight: normal
        margin-bottom: 15px
        @media (min-width: 760px)
            font-size: 22px
        @media (min-width: 1000px)
            margin-bottom: 20px
        span
            @extend %colorRed
    p
        line-height: 28px
        span
             @extend %colorRed
    img
        @extend %marginA
        margin-top: 20px
        margin-bottom: 20px
.inve-r
    h3
        font-weight: normal
        margin-bottom: 15px
        @media (min-width: 760px)
            font-size: 22px
        @media (min-width: 1000px)
            margin-bottom: 20px
        span
            @extend %colorRed
    p
        line-height: 28px
        margin-bottom: 20px
        span
            @extend %colorRed
    
    .inve-img
        img
            margin-bottom: 20px
        .sul-poz
            position: relative
            margin-bottom: 15px
            p
                text-align: center
                padding: 0
                position: absolute
                bottom: 0
                width: 100%
                background: #000
                opacity: 0.8
                color: #fff
                margin-bottom: 0
    h5
        font-weight: bold
        margin-bottom: 10px
    ul
        padding-left: 0
        margin-bottom: 15px
        li
            line-height: 28px
            span
                margin-left: 30px
                @media (min-width: 500px)
                    margin-left: 80px
    .inr-h5
        @extend %colorRed
    .inr-p2
        font-size: 14px
        color: #3e3a39
        line-height: 24px
.case-h2
    font-size: 18px
    font-weight: normal
    margin-top: 20px
    @media (min-width: 321px)
        font-size: 22px
    @media (min-width: 760px)
        font-size: 26px
    @media (min-width: 1000px)
        font-size: 30px
    b
        color: #0c0c70
.case-h3
    font-family: 微软雅黑
    font-size: 16px
    color: #3e3a39
    font-weight: normal
    margin-top: 10px
    margin-bottom: 20px
.case-bg
    background: #F7F7F7
    padding: 15px
    margin: 15px 0
    @media (min-width: 1000px)
        padding: 20px 30px
    .xs4
        img
            margin-bottom: 15px
            @media (min-width: 1000px)
                margin-bottom: 0
                padding-top: 3px
.case-p1
    line-height: 30px
    color: #3e3a39
    @media (min-width: 760px)
        line-height: 20px
    @media (min-width: 1000px)
        line-height: 28px
.over-hidd
    overflow: hidden
.com-img
    margin-bottom: 20px
    @media (min-width: 1000px)
        margin-bottom: 30px
    @media (min-width: 1200px)
        margin-bottom: 40px
.about
    h3
        font-weight: normal
        margin-bottom: 15px
    .about-img
        margin-bottom: 20px
        img
            margin-bottom: 10px
.new
    line-height: 28px
    width: 100%
    margin-left: -10px
    @media (min-width: 580px)
        width: 50%
    .more
        margin-bottom: 20px
        a
            color: #979392
.msg
    img
        margin-bottom: 7px
.msg-p1
    color: #7f7f7f  
    margin-bottom: 10px         
#sendMsg
    .form-group
        margin-bottom: 5px !important
textarea.input
    height: 100px













